<script setup>
import SiderBar from "./components/SiderBar.vue";
import GraphView from "./graph/GraphView.vue";
import { onMounted, ref } from 'vue';
const graphView = ref();
const shape = ref(null);
const handleCreate = (s) => {
  console.log(graphView.value.shapeInfoList)
  graphView.value.shapeInfoList.push(s)
}


</script>

<template>
  <div class="graph-container">
    <SiderBar @createShape="handleCreate"></SiderBar>

    <graph-view ref="graphView"></graph-view>

  </div>
</template>
<style lang="css" scoped>
.graph-container{
  display: flex;
  width: 100%;
  background-color: #ededed;
}
</style>